//引入Vue和Vuex
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

//为了在前端实现登录拦截，我用一个  用户对象  来记录用户的信息。
//并且设置一个方法，触发这个方法的时候，会为 用户对象 赋值

//项目开启的时候，会判断本地存储中是否有user这个对象，如果有，就把user取出来，从它身上获取到username的值，否则把username设置为空
//这样，只要不清除缓存，登录状态就会一直保存

export default new Vuex.Store({
  state :{
    user: { //这就是那个对象 user
                  //localStorage:本地存储
      username: window.localStorage.getItem('user' || '[]') == null ? '' : JSON.parse(window.localStorage.getItem('user' || [])).username
    }
  },
  //mutations ： 变化
  mutations: {
    login(state,user){
      state.user = user
      window.localStorage.setItem('user',JSON.stringify(user))
    }
  }
})
